<template>
    <Page class="relative" showSizer showElevator :page-size-opts="[10,20,30,50,100]" v-bind="$attrs"  @on-change='changePage' @on-page-size-change='changePageSize' show-total></Page>
</template>
<script>
export default {
	methods: {
		changePage(val) {
			this.$emit('on-update', { page: val });
		},
		changePageSize(val) {
			this.$emit('on-update', { rows: val, page: 1 });
		},
	},
};
</script>